import Vue from 'vue'
import VueI18n from 'vue-i18n'
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
import App from './App'
import router from './router'
import store from './vuex/store'
import '../static/css/reset.css'

Vue.config.productionTip = false
Vue.use(MintUI)
Vue.use(VueI18n)

const messages = {
  zh_en: {
    main: {
      introTitle: 'Simple Description',
      detailTitle: 'Goods Detail',
      botTabList: 'Goods List',
      order: 'Shopping Cart'
    },
    goods: {
      noKinds: 'No Kinds',
      noGoods: 'No Goods',
      noGoodsInKind: 'No Goods in this Kind'
    },
    shopCart: {
      prompt: 'Please show this page to the waiter'
    }
  },
  zh_cn: {
    main: {
      introTitle: '商品简介',
      detailTitle: '商品详情',
      botTabList: '商品列表',
      order: '已点菜品'
    },
    goods: {
      noKinds: '暂无分类',
      noGoods: '暂无商品',
      noGoodsInKind: '该分类暂无商品'
    },
    shopCart: {
      prompt: '请将该订单展示给服务员'
    }
  }
}

const i18n = new VueI18n({
  locale: 'zh_en',
  messages
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: (h) => {
    return h(App)
  }
})
